En http://webneko.net/ hay gatitos de todos los colores, clicando encima seguirá el puntero donde quiera que vaya y volviendo a clicar regresa a su lugar de origen.
La página genera un código para poner en la plantilla, yo probé en varios sitios y al final lo puse después de <!-- End #footer -->
Para ejemplo puse un gatito en el blog, si os fijáis está en el ángulo izquierdo superior de la pantalla, reconozco que estará solo unos días no es que sea alérgica a los gatos es que si cuelgo todos los accesorios que encuentro esto parece una feria.
Creando categorías en Blogger |
|
▼ |
Mucho se ha hablado sobre las categorías en Blogger, y muchos no las crean pensado es demasiado trabajo, gran error.
Cuando cree Gem@ BLOG tuve muy claro que necesitaba categorías, en un principio pensé en crear un blog para cada categoría, pero era muy trabajoso e innecesario (de lo primero me di cuenta antes de lo segundo) al final gracias a los enlaces permanentes de los post pude hacerlo más simplificado y así fue.
Más adelante descubrí que no había inventado nada, descubrí algo ya descubierto ( pero siempre motiva bastante ver el resultado de nuestros ´´experimentos``) alemama explica aquí como las hizo y a su vez nos enlaza con Carolina Requena y ella lo explica aquí.
Yo las hice de la siguiente manera, si deseáis seguirme adelante, vamos al tema:
En el blog de categorías copiamos la plantilla que tenemos del blog principal o le hacemos algunos cambios, eso queda al gusto de cada uno( yo suprimí enlaces y algunos accesorios de Blogger que salen por defecto como las líneas)
Creamos un post con el titulo de cada categoría (ver ejemplo)
Y añadimos más o menos este código:
<a href="http://gemacategorias.blogspot.com/2006/06/
adornos.html">Adornos</a> <a href="http://gemacategorias.blogspot.com/2006/06/
blogger.html">Blogger</a> <a href="http://gemacategorias.blogspot.com/2006/06/
cdigos-html.html">Códigos</a>
(Aquí queda partido el código, es necesario porque es demasiado largo y desplazaría la columna derecha del blog, en la plantilla no tendremos ese problema, debe ir seguida una URL de otra para que salgan los enlaces horizontales)
Saldría así:
Adornos Blogger Códigos
(Para el ejemplo puse la URL de mis categorías)
´´permanet link``(enlace permanente) para ello vamos al blog de categorías: clicamos en la fecha que sale a la derecha de ´´LO DIJO GEM@`` que sale bajo los post, aquí un ejemplo:
Una vez clicamos en el permanet link veremos en la barra del navegador la URL de ese post, debemos copiarla, una vez copiada vamos a la plantilla del blog principal donde pusimos el código de las categorías, añadiremos (copiaremos) la URL en el código proporcionado anteriormente.
Si copiamos por ejemplo la URL del post que habla de códigos añadiremos seguidamente
la palabra ´´códigos`` cerraremos siempre con </a> yo puse un palito para separar el texto podéis poner cualquier otro adorno como este --> * que puso alemama, o cualquier otro de vuestra cosecha.
Ya queda menos para tener categorías en Blogger, paciencia que esto solo es al principio y una vez creadas todo viene rodado...
Ya tenemos el blog de las categorías, hicimos los post en ese blog y pusimos el código en el blog principal, también sabemos como conseguir el permanet link de cada post y lo añadimos a nuestro código, nos falta enlazar, si, enlazar cada post publicado para que, al clicar en una categoría nos lleve al post donde se agrupa todo lo publicado sobre un mismo tema.
http://gemablog-.blogspot.com/2006/07/eliminar-barra-de-blogger.html)
Clicamos en ´´volver a escritorio`` y nos vamos al blog de las categorías....
En ´´Editar entradas`` abrimos el post que tiene por nombre ´´Blogger`` escribimos un título por ejemplo ´´Eliminar barra de Blogger`` pasamos el ratón por encima de ese título... clicamos en el botón para hipervínculos (enlazar) y pegamos la dirección URL que traíamos copiada del blog principal.
Guardamos los cambios y... ¡¡ listo¡¡
Este último proceso es el único que deberemos hacer cada vez que deseamos enlazar un post
con su categoría, es algo repetitivo que aunque a simple vista parece complicado una vez realizados tres, cuatro enlaces lo haremos sin complicaciones, es sencillo.
Solo me queda recordar que, todas las direcciones URL de este post así como los títulos son únicamente para ejemplo de orientación.
Si algo no expliqué bien u omití algún detalle agradecería el comentario para subsanar el error.
¡ S@lu2 ¡ y feliz fin de semana.
Eliminar barra de Blogger |
|
▼ |
La barra de Blogger tiene varias utilidades (Ver aquí)
Aunque sobre gustos no hay nada escrito y todo es respetable, si decidimos algún
día eliminarla podemos dejar a la vista el botoncito de Blogger.
Si decimos ocultarla añadiremos antes de <head>
<style type="text/css"> #navbar-iframe { height:0px; visibility:hidden; display:none } </style>
Mrpicassohead & Artpad (Crea un picasso o pinta con acuarela) |
|
▼ |
Las herramientas son fáciles de usar, da opción de poner tu obra de arte en la galería
¿Quién dice que en tu interior no hay un Picasso? Clica aquí para crear
Hasta pronto |
|
▼ |
Me voy una semana de vacaciones
pero más rápido pasaría
si te llevara conmigo...
Hasta la vuelta.
...///...♥♥
Mascota virtual |
|
▼ |
No te Salves me sugiere que postee sobre como adoptar una mascota para el blog, escogí un pez muy simpático.
Como suelo hacer le puse nombre a mi mascota se llama Yimi.
Encontraréis la mascota que más se acerque a vuestros gustos aquí http://bunnyherolabs.com/adopt/
adopt your own virtual pet! |
Saludo para los visitantes |
|
▼ |
Trata de un sencillo código en la plantilla para saludar o mandar un mensaje al acceder al blog.
Pondremos entre <head> y </head> el siguiente código:
<script language=JavaScript>
alert("Tu mensaje aquí")
</script>
Cuando el visitante acceda a tu blog encontrará algo así:
Estas explicaciones son para la plantilla clásica.
Si tu plantilla es del nuevo Blogger puedes agregar este código en:
Plantilla/Añadir un elemento de página/HTML Javascript
Graffiticreator (Generador de logos-banners) |
|
▼ |
He visto muchas páginas sobre graffitis, algunas sobre crear un banner tipo graffiti y de todas esta es la que más me gusta.
Peek-a-boo |
|
▼ |
¿Ventana aparte? ¿En la misma página? ¿De qué manera se hace más cómodo dejar un comentario?
Blogger nos da esas dos opciones: Mostrar o no mostrar comentarios en una ventana emergente. Yo encuentro más cómoda la de expandir comentarios, y cuando la montaña no va a Mahoma, Mahoma va a la montaña.
Si probáis a dejar un comentario veréis que con un clic de expande y con otro clic en el mismo lugar se recoge lo desplegado.
Para expandir los comentarios hay que hacer lo siguiente:
Buscamos en la plantilla donde dice </head> y justo antes de ese código añadimos:
</style>
<script type="text/Javascript">
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="postshown") {
whichpost.className="posthidden";
}
else {
whichpost.className="postshown";
}
}
</script>
Luego justamente antes de </style> añadimos lo siguiente:
.posthidden {display:none}
.postshown {display:inline}
Una vez tengamos esos cambios debería verse así:
.posthidden {display:none}
.postshown {display:inline}
</style>
<script type="text/Javascript">
function expandcollapse (postid)
whichpost = document.getElementById(postid);
if (whichpost.className=="postshown")
whichpost.className="posthidden";
}
else {
whichpost.className="postshown";
}
}
</script>
</head>
(Paciencia que ya queda poco) Ahora buscamos donde dice <a class="comment-link" href="etc. etc... y lo cambiamos por ... <a class="comment-link" href="javascript:expandcollapse(\'<$BlogItemPermalinkUrl$>\')" title="Ver Comentarios"><$BlogItemCommentCount$> comments</a>
Antes de pasar a la siguiente modificación en la plantilla eliminaremos el <MainOrArchivePage> y </MainOrArchivePage> que envuelve el código anterior.
Luego buscamos donde dice <!-- Begin #comments -->
y donde dice: <ItemPage> lo cambiamos por:
<a class="comment-link" href="javascript:expandcollapse(\'<$BlogItemPermalinkUrl$>\')" title="Ver Comentarios"><$BlogItemCommentCount$> comments</a>
¡ Bien si has llegado hasta aquí¡ Por último localizamos donde se cierra </ItemPage> de loscomentarios y lo cambiamos por </span>
Una vez tengamos todo modificado guardamos los cambios y ya tenemos el sistema Peek-a-boo de comentarios en nuestro blog.
Entiendo que es algo ´´liado`` pero vale la pena.
S@lu2 y suerte
¿Quién dijo me rindo? |
|
▼ |
El código demasiado extenso de un post con las explicaciones para alinear varias imágenes era el causante, una vez me di cuenta que con la antigua plantilla el blog seguía teniendo la columna desplazada no podía ser otra cosa que un post rebelde que se resistía a estar entre los demás.
El desagradecido post ha sido castigado por tenerme una semana ocupada y ya todo ha vuelto a la normalidad.
Más adelante en un pulso entre los dos veremos quien gana la partida y le sacaremos a la luz con la promesa de no ser tan desagradecido...
En fin... aquí estamos otra vez con Eduardo Capetillo de fondo y los códigos danzando cual pareja de enamorados...
Estupenda y fresquita noche para oírla con los ojos cerrados.
Powered by Castpost